<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="iconfont/iconfont.css" th:href="@{/iconfont/iconfont.css}" rel="stylesheet">
    <link th:href="@{/webjars/bootstrap/4.4.1-1/css/bootstrap.css}" rel="stylesheet">
    <style>
        a span {
            color: #28a745 !important;
        }
    </style>


</head>
<body>
<!--topbar-->
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0" th:fragment="topbar">
    <a class="navbar-brand col-sm-3 col-md-2 mr-0 bg-dark" href="#">
        <h4 class=" text-light text-justify ">
            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-person-fill-gear" viewBox="0 0 16 16">
                <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
                <path fill-rule="evenodd" d="M11.886 9.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/>
            </svg>
            <sapn class="text-light">:</sapn>
            [[${session.loginUser}]]
        </h4>

    </a>

    <a class="navbar-brand col-sm-3 col-md-2 mr-0 bg-dark" href="#">
<!--        <div class="alert alert-warning alert-dismissible fade show" role="alert">-->
<!--            <strong> 登录成功！</strong>-->
<!--            <button type="button" class="close" data-dismiss="alert" aria-label="Close">-->
<!--                <span aria-hidden="true">&times;</span>-->
<!--            </button>-->
<!--        </div>-->
    </a>
    <!--    <a class=" col-sm-3 col-md-2 mr-0" href="#" id="time">-->
    <!--        -->
    <!--    </a>-->
    <!--    <br>-->
    <!--    <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">-->
    <input class="form-control form-control-dark w-100" type="text" aria-label="Search" placeholder="尊敬的管理员，请谨慎操作数据！！！"
           disabled>

    <ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap">
            <!--            <a class="nav-link" href="#" th:href="@{/user/logout}">退出</a>-->
            <a class="nav-link" href="#" th:href="@{/user/logout}">登出</a>
        </li>
    </ul>
</nav>

<!--sidebar-->
<nav class="col-md-2 d-none d-md-block bg-light sidebar" id="sidebar">
    <div class="sidebar-sticky">
        <ul class="nav flex-column side-menu">
           <!-- <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/emprps}"
                   th:class="${activeUri=='emprps'?'nav-link active':'nav-link'}">
                    &lt;!&ndash;                    <span class="iconfont icon-jiangcheng"></span>&ndash;&gt;
                    &lt;!&ndash;                    奖惩管理&ndash;&gt;
                    &lt;!&ndash;                    Rewards/Punish&ndash;&gt;
                   图标
                </a>
            </li>
-->
            <br>
           <li class="nav-item" >
                <a class="nav-link active"
                   th:class="${activeUri=='main.html'?'nav-link active':'nav-link'}"
                   href="#" th:href="@{/main.html}">
                    <!--                    <span class="iconfont icon-home"></span>-->
                    <!--                    主页 -->
                    主页<span class="sr-only">(current)</span>
                </a>
            </li>


            <li class="nav-item my_emp">
                <a class="nav-link active" href="#" th:href="@{/emps}"
                   th:class="${activeUri=='emps'?'nav-link active':'nav-link'}">
                    <!--                <span class="iconfont icon-employee"></span>-->
                    <!--                员工管理-->
                    <!--                    MyEmployee-->
                    我的员工
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/emprps}"
                   th:class="${activeUri=='emprps'?'nav-link active':'nav-link'}">
                    <!--                    <span class="iconfont icon-jiangcheng"></span>-->
                    <!--                    奖惩管理-->
                    <!--                    Rewards/Punish-->
                    奖惩细则
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/contracts}"
                   th:class="${activeUri=='contracts'?'nav-link active':'nav-link'}">
                    <!--                    <span class="iconfont icon-contract"></span>-->
                    <!--                    合同管理-->
                    <!--                    Contract-->
                    合同明细
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/salarys}"
                   th:class="${activeUri=='salarys'?'nav-link active':'nav-link'}">
                    <!--                    <span class="iconfont icon-xinzi"></span>-->
                    <!--                    薪酬管理-->
                    <!--                    Salary-->
                    薪资待遇
                </a>
            </li>
           <!-- <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/trains}"
                   th:class="${activeUri=='trains'?'nav-link active':'nav-link'}">
                    &lt;!&ndash;                    <span class="iconfont icon-training"></span>&ndash;&gt;
                    &lt;!&ndash;                    培训管理&ndash;&gt;
                    &lt;!&ndash;                    Train&ndash;&gt;
                    员工培训
                </a>
            </li>-->
            <li class="nav-item">
                <a class="nav-link" href="#" th:href="@{/appraises}"
                   th:class="${activeUri=='appraises'?'nav-link active':'nav-link'}">
                    <!--                    <span class="iconfont icon-jixiaopinggu"></span>-->
                    <!--                    绩效评估-->
                    <!--                    Grade-->
                    KPI
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" th:href="@{/users}"
                   th:class="${activeUri=='users'?'nav-link active':'nav-link'}">
                    <!--                    <span class="iconfont icon-yonghuguanli"></span>-->
                    <!--                    用户管理-->
                    <!--                    Users-->
                    账户
                </a>
            </li>

        </ul>
    </div>
</nav>

<script type="text/javascript" th:src="@{/webjars/jquery/3.5.0/jquery.js}"></script>
<script type="text/javascript" th:src="@{/webjars/popper.js/1.14.3/popper.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap/4.4.1-1/js/bootstrap.js}"></script>
</body>
</html>